<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>外出登记申请</title>
    <link rel="stylesheet" href="test.css">


    <script type="text/javascript">
        Date.prototype.strftime = function (format) {
            var o = {
                "M+": this.getMonth() + 1,  //month
                "d+": this.getDate(),     //day
                "h+": this.getHours(),    //hour
                "m+": this.getMinutes(),  //minute
                "s+": this.getSeconds(), //second
                "q+": Math.floor((this.getMonth() + 3) / 3),  //quarter
                "S": this.getMilliseconds() //millisecond
            }

            if (/(y+)/.test(format)) {
                format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            }
            for (var k in o) {
                if (new RegExp("(" + k + ")").test(format)) {
                    format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
                }
            }
            return format;
        }
        function UTCToLocalTimeString(d, format) {
            var timeOffsetInHours = (new Date().getTimezoneOffset() / 60) + 8;
            d.setHours(d.getHours() + timeOffsetInHours);
            return d.strftime(format);
        }
    </script>
    <script>
        setInterval(function () { var time = UTCToLocalTimeString(new Date(), 'yyyy-MM-dd hh:mm:ss'); document.getElementById("time").innerHTML = time; }, 1000);
        setInterval(function () { var date1 = UTCToLocalTimeString(new Date(), 'yyyy-MM-dd 8:00'); document.getElementById("date_first").innerHTML = date1; }, 1000);
        setInterval(function () { var date2 = UTCToLocalTimeString(new Date(), 'yyyy-MM-dd 21:00'); document.getElementById("date_end").innerHTML = date2; }, 1000);
    </script>



</head>

<body>
    <div class="box">

        <div class="title">
            <div> &lt;&nbsp;返回</div>
            <div>外出登记二维码</div>
        </div>

        <div id="time">
            time
        </div>

        <div>
            <img src="code.jpg">
        </div>

        <div id="date">
            <span id='date_first'></span>
            <span>至</span>
            <span id='date_end'></span>
        </div>

        <div class="content-wrap">

            <div class='content-item'>
                <div>姓 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 名</div>
                <div>李泽臻</div>
            </div>

            <div class='content-item'>
                <div>学 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 号</div>
                <div>3118004020</div>
            </div>

            <div class='content-item'>
                <div>学 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 院</div>
                <div>管理学院</div>
            </div>

            <div class='content-item'>
                <div>专 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 业</div>
                <div>信息管理与信息系统</div>
            </div>

            <div class='content-item'>
                <div>班 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 级</div>
                <div>信息管理与信息系统18(5)</div>
            </div>
        </div>

    </div>
</body>

</html>